<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>
        {:config('web_site_title')}
	</title>
	<link rel="stylesheet" href="index/fontawesome-5.5/css/all.min.css" />
	<link rel="stylesheet" href="index/slick/slick.css">
	<link rel="stylesheet" href="index/slick/slick-theme.css">
	<link rel="stylesheet" href="index/magnific-popup/magnific-popup.css">
	<link rel="stylesheet" href="index/css/bootstrap.min.css" />
	<link rel="stylesheet" href="index/css/templatemo-style.css" />

</head>
<body>
<div class="adcenter"></div>
<!-- Hero section -->
<section id="hero" class="text-white tm-font-big tm-parallax">
	<!-- Navigation -->
	<nav class="navbar navbar-expand-md tm-navbar" id="tmNav">
		<div class="container">
			<div class="tm-next">
				<a href="#hero" class="navbar-brand">{:config('web_site_title')}</a>
			</div>

			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
					aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
				<i class="fas fa-bars navbar-toggler-icon"></i>
			</button>
			<div class="collapse navbar-collapse" id="navbarSupportedContent">
				<ul class="navbar-nav ml-auto">
					<li class="nav-item">
						<a class="nav-link tm-nav-link" href="#介绍">介绍</a>
					</li>
					<li class="nav-item">
						<a class="nav-link tm-nav-link" href="{:url('Service')}">用户协议</a>
					</li>
					<li class="nav-item">
						<a class="nav-link tm-nav-link" href="{:url('privacy_policy')}">隐私协议</a>
					</li>
					<li class="nav-item">
						<a class="nav-link tm-nav-link" href="#contact">联系我们</a>
					</li>
				</ul>
			</div>
		</div>
	</nav>

	<div class="text-center tm-hero-text-container">
		<div class="tm-hero-text-container-inner">
			<h2 class="tm-hero-title"> {:config('web_site_title')}</h2>
			<!-- <p class="tm-hero-subtitle">
                Parallax Bootstrap Theme
                <br />by TemplateMo
            </p> -->
		</div>
	</div>

	<div class="tm-next tm-intro-next">
		<a href="#介绍" class="text-center tm-down-arrow-link">
			<i class="fas fa-3x fa-caret-down tm-down-arrow"></i>
		</a>
	</div>
</section>

<section id="介绍" class="tm-section-pad-top">
	<div class="container">
		<div class="row">
			<div class="col-lg-6">
				<img src="index/img/the-town-01.jpg" alt="Image" class="img-fluid tm-intro-img" />
			</div>
			<div class="col-lg-6">
				<div class="tm-intro-text-container">
					<h2 class="tm-text-primary mb-4 tm-section-title">介绍</h2>
					<p class="mb-4 tm-intro-text">

                        {:config('web_site_title')}APP是年轻人的生活方式平台。在这里发现真实、向上、多元的世界，找到潮流的生活方式，认识有趣的明星、创作者；在这里发现海量美妆穿搭教程、旅游攻略、美食健身日常，还有更多生活方式等你发现。来租售商城，标记你的生活，一起分享和发现世界的精彩！

					</p>





					<p class="mb-5 tm-intro-text">

					<div class="tm-next">

					</div>
				</div>
			</div>
		</div>

		<!--		<div class="row tm-section-pad-top">-->
		<!--			<div class="col-lg-4">-->
		<!--				<i class="fas fa-4x fa-bus text-center tm-icon"></i>-->
		<!--				<h4 class="text-center tm-text-primary mb-4">超值美购</h4>-->
		<!--				<p>-->
		<!--					数百种商品 一站式购买-->
		<!--				</p>-->
		<!--			</div>-->

		<!--			<div class="col-lg-4 mt-5 mt-lg-0">-->
		<!--				<i class="fas fa-4x fa-bicycle text-center tm-icon"></i>-->
		<!--				<h4 class="text-center tm-text-primary mb-4">全国包邮</h4>-->
		<!--				<p>-->
		<!--					全国包邮，支持货到付款！-->
		<!--				</p>-->
		<!--			</div>-->
		<!--			<div class="col-lg-4 mt-5 mt-lg-0">-->
		<!--				<i class="fas fa-4x fa-city text-center tm-icon"></i>-->
		<!--				<h4 class="text-center tm-text-primary mb-4">正品承保</h4>-->
		<!--				<p>-->
		<!--					为您购买的每一件商品进行正品承保-->
		<!--				</p>-->
		<!--			</div>-->
		<!--		</div>-->
</section>
<section id="work" class="tm-section-pad-top">
	<div class="container tm-container-gallery">
		<div class="row">
			<div class="text-center col-12">
				<h2 class="tm-text-primary tm-section-title mb-4"></h2>
				<!-- <p class="mx-auto tm-work-description">
                    "Curabitur ac orci ac lorem blandit volutpat. Sed ac sodales nibh, ut
                    porttitor elit. Sed id dui mi. Vestibulum ante ipsum primis in faucibus
                    orci luctus et ultrices posuere cubilia."
                </p> -->
			</div>
		</div>
		<div class="row">


			<div class="col-12">
				<div class="mx-auto tm-gallery-container">
					<div class="grid tm-gallery">
						<a href="index/img/1.png">
							<figure class="effect-honey tm-gallery-item">
								<img src="index/img/1.png" alt="Image" class="img-fluid">
								<figcaption>
									<h2><i>Dreamy <span>Honey</span> Now</i></h2>
								</figcaption>
							</figure>
						</a>
						<a href="index/img/2.png">
							<figure class="effect-honey tm-gallery-item">
								<img src="index/img/2.png" alt="Image" class="img-fluid">
								<figcaption>
									<h2><i>Second <span>Honey</span> Now</i></h2>
								</figcaption>
							</figure>
						</a>
						<a href="index/img/3.png">
							<figure class="effect-honey tm-gallery-item">
								<img src="index/img/3.png" alt="Image" class="img-fluid">
								<figcaption>
									<h2><i>Third <span>Honey</span> Now</i></h2>
								</figcaption>
							</figure>
						</a>
						<a href="index/img/4.png">
							<figure class="effect-honey tm-gallery-item">
								<img src="index/img/4.png" alt="Image" class="img-fluid">
								<figcaption>
									<h2><i>Dreamy <span>Honey</span> Now</i></h2>
								</figcaption>
							</figure>
						</a>
						<a href="index/img/5.png">
							<figure class="effect-honey tm-gallery-item">
								<img src="index/img/5.png" alt="Image" class="img-fluid">
								<figcaption>
									<h2><i>Fifth <span>Honey</span> Now</i></h2>
								</figcaption>
							</figure>
						</a>
						<!--                        <a href="index/img/gallery-tn-06.jpg">-->
						<!--                            <figure class="effect-honey tm-gallery-item">-->
						<!--                                <img src="index/img/gallery-tn-06.jpg" alt="Image" class="img-fluid">-->
						<!--                                <figcaption>-->
						<!--                                    <h2><i>Sixth <span>Honey</span> Now</i></h2>-->
						<!--                                </figcaption>-->
						<!--                            </figure>-->
						<!--                        </a>-->
						<!--                        <a href="index/img/1.jpg">-->
						<!--                            <figure class="effect-honey tm-gallery-item">-->
						<!--                                <img src="index/img/1.jpg" alt="Image" class="img-fluid">-->
						<!--                                <figcaption>-->
						<!--                                    <h2><i>Dreamy <span>Honey</span> Now</i></h2>-->
						<!--                                </figcaption>-->
						<!--                            </figure>-->
						<!--                        </a>-->
						<!--                        <a href="index/img/gallery-tn-02.jpg">-->
						<!--                            <figure class="effect-honey tm-gallery-item">-->
						<!--                                <img src="index/img/gallery-tn-02.jpg" alt="Image" class="img-fluid">-->
						<!--                                <figcaption>-->
						<!--                                    <h2><i>Eighth <span>Honey</span> Now</i></h2>-->
						<!--                                </figcaption>-->
						<!--                            </figure>-->
						<!--                        </a>-->


					</div>
				</div>
			</div>







		</div>
	</div>
</section>

<!-- Contact -->
<section id="contact" class="tm-section-pad-top tm-parallax-2">
	<div class="container tm-container-contact">
		<div class="row">
			<div class="col-12">
				<h2 class="mb-4 tm-section-title">联系我们</h2>
				<div class="mb-5 tm-underline">
					<div class="tm-underline-inner"></div>
				</div>
				<p class="mb-5">
					我们的承诺：
					您若给予信赖，我必让您满意！
					我们承诺，信任至上，客户至上，合作真诚，用心负责！
				</p>

			</div>

			<!-- <div class="col-sm-12 col-md-6 d-flex align-items-center tm-contact-item">
                <a href="tel:0100200340" class="tm-contact-item-link">
                    <i class="fas fa-3x fa-phone mr-4"></i>
                    <span class="mb-0">0394-2623169</span>
                </a>
            </div>
            <div class="col-sm-12 col-md-6 d-flex align-items-center tm-contact-item">
                <a href="mailto:info@company.co" class="tm-contact-item-link">
                    <i class="fas fa-3x fa-envelope mr-4"></i>
                    <span class="mb-0">info@company.co</span>
                </a>
            </div>
            <div class="col-sm-12 col-md-6 d-flex align-items-center tm-contact-item">
                <a href="https://www.google.com/maps" class="tm-contact-item-link">
                    <i class="fas fa-3x fa-map-marker-alt mr-4"></i>
                    <span class="mb-0">Location on Maps</span>
                </a>
            </div>
            <div class="col-sm-12 col-md-6 d-flex align-items-center tm-contact-item">
                <form action="" method="get">
                    <input name="email" type="email" placeholder="Subscribe your email" class="tm-input" required />
                    <button type="submit" class="btn tm-btn-submit">Submit</button>
                </form>
            </div> -->
		</div>
	</div>
	<a class="text-center small tm-footer gogoggg" href="https://beian.miit.gov.cn/#/Integrated/index" style="color: #fff;">
		<p class="mb-0">
			粤ICP备2021082751号 上海联丞信息科技有限公司
			住所：深圳市福田区福田街道福安社区福华一路138号国际商会大厦A栋

		</p>
	</a>
</section>
<script src="index/js/jquery-1.9.1.min.js"></script>
<script src="index/slick/slick.min.js"></script>
<script src="index/magnific-popup/jquery.magnific-popup.min.js"></script>
<!--<script src="index/js/jquery.singlePageNav.min.js"></script>-->
<script src="index/js/bootstrap.min.js"></script>
<script>

	function getOffSet() {
		var _offset = 450;
		var windowHeight = window.innerHeight;

		if (windowHeight > 500) {
			_offset = 400;
		}
		if (windowHeight > 680) {
			_offset = 300
		}
		if (windowHeight > 830) {
			_offset = 210;
		}

		return _offset;
	}

	function setParallaxPosition($doc, multiplier, $object) {
		var offset = getOffSet();
		var from_top = $doc.scrollTop(),
				bg_css = 'center ' + (multiplier * from_top - offset) + 'px';
		$object.css({
			"background-position": bg_css
		});
	}

	// Parallax function
	// Adapted based on https://codepen.io/roborich/pen/wpAsm
	var background_image_parallax = function($object, multiplier, forceSet) {
		multiplier = typeof multiplier !== 'undefined' ? multiplier : 0.5;
		multiplier = 1 - multiplier;
		var $doc = $(document);
		// $object.css({"background-attatchment" : "fixed"});

		if (forceSet) {
			setParallaxPosition($doc, multiplier, $object);
		} else {
			$(window).scroll(function() {
				setParallaxPosition($doc, multiplier, $object);
			});
		}
	};

	var background_image_parallax_2 = function($object, multiplier) {
		multiplier = typeof multiplier !== 'undefined' ? multiplier : 0.5;
		multiplier = 1 - multiplier;
		var $doc = $(document);
		$object.css({
			"background-attachment": "fixed"
		});
		$(window).scroll(function() {
			var firstTop = $object.offset().top,
					pos = $(window).scrollTop(),
					yPos = Math.round((multiplier * (firstTop - pos)) - 186);

			var bg_css = 'center ' + yPos + 'px';

			$object.css({
				"background-position": bg_css
			});
		});
	};

	$(function() {
		// Hero Section - Background Parallax
		background_image_parallax($(".tm-parallax"), 0.30, false);
		background_image_parallax_2($("#contact"), 0.80);

		// Handle window resize
		window.addEventListener('resize', function() {
			background_image_parallax($(".tm-parallax"), 0.30, true);
		}, true);

		// Detect window scroll and update navbar
		$(window).scroll(function(e) {
			if ($(document).scrollTop() > 120) {
				$('.tm-navbar').addClass("scroll");
			} else {
				$('.tm-navbar').removeClass("scroll");
			}
		});

		// Close mobile menu after click
		$('#tmNav a').on('click', function() {
			$('.navbar-collapse').removeClass('show');
		})

		// Scroll to corresponding section with animation
		$('#tmNav').singlePageNav();

		// Add smooth scrolling to all links
		// https://www.w3schools.com/howto/howto_css_smooth_scroll.asp
		$("a").on('click', function(event) {
			if (this.hash !== "") {
				event.preventDefault();
				var hash = this.hash;

				$('html, body').animate({
					scrollTop: $(hash).offset().top
				}, 400, function() {
					window.location.hash = hash;
				});
			} // End if
		});

		// Pop up
		$('.tm-gallery').magnificPopup({
			delegate: 'a',
			type: 'image',
			gallery: {
				enabled: true
			}
		});

		// Gallery
		$('.tm-gallery').slick({
			dots: true,
			infinite: false,
			slidesToShow: 5,
			slidesToScroll: 2,
			responsive: [{
				breakpoint: 1199,
				settings: {
					slidesToShow: 4,
					slidesToScroll: 2
				}
			},
				{
					breakpoint: 991,
					settings: {
						slidesToShow: 3,
						slidesToScroll: 2
					}
				},
				{
					breakpoint: 767,
					settings: {
						slidesToShow: 2,
						slidesToScroll: 1
					}
				},
				{
					breakpoint: 480,
					settings: {
						slidesToShow: 1,
						slidesToScroll: 1
					}
				}
			]
		});
	});
	$(".tm-footer").on('click')
</script>
</body>
</html>
